<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人信息</title>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/selfInfo.css">
</head>
<th:block th:include="~{IncludePage}"></th:block>
<div class="user-table">
    <div class="self-page-item" id="accountInfo">
        <div class="info-border">
            <div class="info-image">
                <div class="head-image">
                    <img src="../../images/headImage.jpeg" alt="你的头像">
                </div>
                <div class="image-upload-btn">
                    <button class="btn upload-image-btn">上传头像</button>
                </div>
            </div>
            <form class="info-form" action="/UserInfoUpdate" method="post">
                <div class="info-form-item">
                    <label class="item-label">姓名:</label>
                    <input type="text" class="item-input" id="username-input" name="username-input" readonly="readonly"
                           th:value="${session.loginUser.getUsername()}">
                </div>
                <div class="info-form-item">
                    <label class="item-label">密码:</label>
                    <input type="password" class="item-input" id="password-input" name="password-input"
                           readonly="readonly" th:value="${session.loginUser.getPassword()}">
                </div>
                <div class="info-form-item">
                    <label class="item-label">邮箱:</label>
                    <input type="text" class="item-input" id="email-input" name="email-input" readonly="readonly"
                           th:value="${session.loginUser.getEmail()}">
                </div>
                <div class="info-form-item">
                    <label class="item-label">年龄:</label>
                    <input type="text" class="item-input" id="age-input" name="age-input" readonly="readonly"
                           th:value="${session.loginUser.getAge()}">
                </div>
                <button type="submit" class="btn confirm-edit-btn" id="submit-edit-btn">提交</button>
                <button class="btn cancel-edit-btn" id="cancel-edit-btn">取消</button>

            </form>

            <div class="bottom-info">
                <button class="btn edit-self-info-btn" id="edit-self-info">编辑个人信息</button>
                <button class="btn log-out" id="log-out">注销</button>
            </div>

        </div>
    </div>
</div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script src="js/includePage.js"></script>
<script src="js/userInfo.js"></script>
</html>